<template>
  <div>
    <el-tabs type="border-card">
      <el-tab-pane label="基本信息">
        <el-row>
          <el-col :span="6">
            <el-avatar :size="100" style="margin-left: 50px"> user </el-avatar>
          </el-col>
          <el-col :span="18">
            <el-descriptions title="用户信息">
              <el-descriptions-item label="用户名"
                >kooriookami</el-descriptions-item
              >
              <el-descriptions-item label="手机号"
                >18100000000</el-descriptions-item
              >
              <el-descriptions-item label="居住地">苏州市</el-descriptions-item>
              <el-descriptions-item label="认证方式"
                >未认证</el-descriptions-item
              >
              <el-descriptions-item label="联系地址"
                >江苏省苏州市吴中区吴中大道 1188 号</el-descriptions-item
              >
              <el-descriptions-item label="缴纳保证金">否</el-descriptions-item>
              <el-descriptions-item label="余额">0.00</el-descriptions-item>
              <el-descriptions-item label="积分">0</el-descriptions-item>
            </el-descriptions>
          </el-col>
        </el-row>
      </el-tab-pane>
      <el-tab-pane label="修改信息">

          <el-avatar :size="100" style="margin-left: 100px"> user </el-avatar>
          <el-form
            ref="form"
            style="width: 500px"
            :model="form"
            label-width="100px"
          >
            <el-form-item label="用户名" prop="name">
              <el-input v-model="form.name" />
            </el-form-item>
            <el-form-item label="手机号" prop="phone">
              <el-input v-model="form.phone" />
            </el-form-item>
            <el-form-item label="居住地" prop="add">
              <el-input v-model="form.add" />
            </el-form-item>
            <el-form-item label="联系地址" prop="contactAddress">
              <el-input v-model="form.contactAddress" />
            </el-form-item>
            
            <el-form-item>
              <el-button type="primary">修改</el-button>
            </el-form-item>
          </el-form>

      </el-tab-pane>
    </el-tabs>
  </div>
</template>

<script>
export default {
    data() {
    return {
      form: {
        name: "",
        add: "",
        contactAddress: "",
        phone: "",
      },
    };
  },
};
</script>

<style lang="scss" scoped>
</style>